<template>
  <div id="Home">

    <!-- 头部 -->
    <Head></Head>
    <div style="height: 7vh"></div>

    <div class="Home-body" style="display:flex">
      <!-- 菜单栏 -->
      <AsideMenu></AsideMenu>
<!--      占位符,消除fixed影响-->
      <div style="width: 13vw"></div>
      <!-- 内容 -->
       <router-view></router-view>
<!--      <ATable></ATable>-->
    </div>

  </div>
</template>

<script>
// @ is an alias to /src
import Head from '@/components/Head.vue'
import AsideMenu from '@/components/AsideMenu.vue'
import ATable from '@/views/admin/User.vue'

export default {
  name: 'Home',
  components: {
    Head,
    AsideMenu,
    ATable
  }
}
</script>

<style lang="less" scoped>
@import '../style/admin/home.less';
</style>
